{extend name="public/common"}

{block name="style"}
<title>地图</title>
<style>
    #app>a{
        width:100vw;
        height:100vh;
    }
    #app>a>img{
        width:100vw;
        height:100vh;
    }
</style>
{/block}

{block name="body"}
<div id="app">
    <a href='http://api.map.baidu.com/geocoder?address=钱江龙&output=html' target='_blank'> <img style="margin:2px" width="400" height="300" src="http://api.map.baidu.com/staticimage?
        width=400&height=300&zoom=11¢er=钱江龙" />
    </a>
    <h1>aasdfasdf</h1>
    <!--<a :href="'http://api.map.baidu.com/geocoder?address='+'上海虹桥机场'+'&output=html'" target='_blank'> <img :src="'http://api.map.baidu.com/staticimage?width='+width+'&height='+height+'&zoom=11¢er='+'上海虹桥机场'" />-->
    <!--</a>-->
</div>
{/block}

{block name="script"}
<script>
var app = new Vue({
    el:'#app',
    data:{
//        baseInfo:{$info},
        width:0,
        height:0
    },
    created(){
        this.width = document.body.clientWidth;
        this.height = document.body.clientHeight;
    },
    methods:{

    }
})
</script>
{/block}